﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Complex Layout - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../css/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../css/demo.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#aa").accordion('getSelected').panel('collapse');
        });
        function addTab(title, url){
            if ($('#tt').tabs('exists', title)){
                $('#tt').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:99%;overflow:hidden"></iframe>';
                $('#tt').tabs('add',{
                    title:title,
                    content:content,
                    closable:true
                });
            }
        }
    </script>
    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
        }

    </style>
</head>
<body>
<div class="easyui-layout" style="width:1366px;height:650px;">
    <div data-options="region:'west',split:true"  style="width:200px;">
        <ul class="easyui-tree">
            <li>
                <span>商储公司-菜单</span>
                <ul id="leftnavList_113">
                    <li>
                        <span>采购销售业务</span>
                        <ul id="leftnavList_1">

                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('采购信息管理', '../html/pages/采购信息管理/采购信息管理.html')"><i
                                    style='margin-right: 5px;'></i>采购信息管理</a></li>

                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('采购入库业务', '../html/pages/采购入库业务/采购入库业务.html')"><i
                                    style='margin-right: 5px;'></i>采购入库业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('销售业务', '../html/pages/销售业务/销售业务.html')"><i
                                    style='margin-right: 5px;'></i>销售业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('销售业务单证', '../html/pages/销售业务单证/销售业务单证.html')"><i
                                    style='margin-right: 5px;'></i>销售业务单证</a></li>
                        </ul>
                    </li>
                    <li>
                        <span>借还油业务</span>
                        <ul id="leftnavList_2">

                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('借油业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>借油业务</a></li>

                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('还油业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>还油业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('资源保障费结算', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>资源保障费结算</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('借油业务单证', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>借油业务单证</a></li>
                        </ul>
                    </li>
                    <li>
                        <span>借还罐业务</span>
                        <ul id="leftnavList_3">

                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('短期借罐业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>短期借罐业务</a></li>

                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('短期还罐业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>短期还罐业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('长期借罐业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>长期借罐业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('长期还罐业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>长期还罐业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('其他借罐业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>其他借罐业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('其他还罐业务', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>其他还罐业务</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('租罐费用结算', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>租罐费用结算</a></li>
                            <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                                onclick="addTab('借罐业务单证', 'http://www.baidu.com')"><i
                                    style='margin-right: 5px;'></i>借罐业务单证</a></li>
                        </ul>
                    </li>
                    <li><span>倒罐业务</span></li>
                    <li><span>盘点业务</span></li>
                    <li><span>尾量业务</span></li>

                </ul>
            </li>
            <li><span>托管企业-菜单</span></li>
            <li><span>生产企业菜单</span></li>
            <li>
                <span>托管企业</span>
                <ul id="leftnavList_4">

                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('入库业务-托管企业', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>入库业务-托管企业</a></li>

                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('出库业务-托管企业', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>出库业务-托管企业</a></li>
                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('接港业务-托管企业', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>接港业务-托管企业</a></li>
                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('长期借还罐业务-托管企业', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>长期借还罐业务-托管企业</a></li>
                </ul>
            </li>
            <li>
                <span>储备库</span>
                <ul id="leftnavList_5">
                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('入库业务-储备库', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>入库业务-储备库</a></li>
                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('出库业务-储备库', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>出库业务-储备库</a></li>
                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('接港业务-储备库', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>接港业务-储备库</a></li>
                    <li style='list-style-type:none'><a class='li_0' style='margin-right: 5px;' href="#"
                                                        onclick="addTab('长期借还罐业务-储备库', 'http://www.baidu.com')"><i
                            style='margin-right: 5px;'></i>长期借还罐业务-储备库</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div data-options="region:'center'">
        <div class="easyui-tabs" style="width:100%;height:648px;" id="tt" >
        </div>
    </div>
</div>
</body>
</html>